<template>
  <div id="app" :class="{isIE:isIE}">
    <router-view/>
  </div>
</template>
<script>
export default {
  data () {
    return {
      isIE: false
    }
  },
  created () {
    var userAgent = navigator.userAgent
    if (userAgent.indexOf('Trident') > -1) {
      this.isIE = true
    }
  }
}
</script>
<style lang="less">
  * {
    margin: 0;
    padding: 0;
    text-decoration: none;
  }
  .body {
    display: flex;
    // overflow-x: hidden;
    .bodyRight {
      flex-grow: 1;
      flex-shrink: 1;
      > .content {
        background: #e8ecef;
        padding: 10px;
        padding-bottom: 0;
        height: 900px;
        //  height: 872px;
        height: 840px;
        overflow: auto;
      }
    }
  }
  ::-webkit-scrollbar{
    width: 5px;
    height: 14px;
  }
  ::-webkit-scrollbar-thumb{
    border-radius: 3px;
    background-color: rgb(212, 218, 218);
  }
  ::-webkit-scrollbar{
    width: 5px;
    height: 14px;
  }
  ::-webkit-scrollbar-thumb{
    border-radius: 3px;
    background-color: rgb(212, 218, 218);
  }
</style>
